(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
(function (global){
'use strict';

var React = (typeof window !== "undefined" ? window['React'] : typeof global !== "undefined" ? global['React'] : null);
var ReactDOM = (typeof window !== "undefined" ? window['ReactDOM'] : typeof global !== "undefined" ? global['ReactDOM'] : null);

var FooterComponent = React.createClass({
  displayName: 'FooterComponent',

  render: function render() {

    return React.createElement(
      'div',
      null,
      React.createElement(
        'h1',
        null,
        'Footer Component'
      )
    );
  }
});

module.exports = FooterComponent;

}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],2:[function(require,module,exports){
(function (global){
'use strict';

var React = (typeof window !== "undefined" ? window['React'] : typeof global !== "undefined" ? global['React'] : null);
var ReactDOM = (typeof window !== "undefined" ? window['ReactDOM'] : typeof global !== "undefined" ? global['ReactDOM'] : null);
var FooterComponent = require('./child.js');

var HeaderComponent = React.createClass({
  displayName: 'HeaderComponent',

  render: function render() {
    return React.createElement(
      'div',
      null,
      React.createElement(
        'h1',
        null,
        'Header Component'
      ),
      React.createElement(ListComponent, null),
      React.createElement(FooterComponent, null)
    );
  }
});

var ListComponent = React.createClass({
  displayName: 'ListComponent',

  render: function render() {

    return React.createElement(
      'div',
      null,
      React.createElement(
        'h1',
        null,
        'List Component'
      )
    );
  }
});

/*
    尝试：多次往一个节点渲染组件过程，会出现将最后一个组件渲染之前组件过程
*/

ReactDOM.render(React.createElement(HeaderComponent, null), document.getElementById('example'), function () {
  console.log('渲染完成啦！！');
});

}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{"./child.js":1}]},{},[2]);
